<!DOCTYPE html>
<html lang="en"  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--头部导航--->
<!--header start-->
<nav class="header white-bg" th:fragment="top">
    <div class="sidebar-toggle-box">
        <div data-original-title="导航栏" data-placement="right" class="icon-reorder tooltips"></div>
    </div>
    <!--logo start-->
    <a href="#" class="logo">校园电动车<span>管理系统</span></a>
    <!--logo end-->
    <div class="nav notify-row" id="top_menu">
        <!--  notification start -->
        <ul class="nav top-menu">
            <!-- notification dropdown start-->
            <li id="header_notification_bar" class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">

                    <i class="icon-bell-alt"></i>
                    <span class="badge bg-warning" th:text="${session.needDealStudentSuperviseNum eq null ? '0' : session.needDealStudentSuperviseNum}">7</span>
                </a>
                <ul class="dropdown-menu extended notification">
                    <div class="notify-arrow notify-arrow-yellow"></div>
                    <li>
                        <a th:href="getSuperviseMyStudent.do"><p class="yellow">你有
                            <label th:text="${session.needDealStudentSuperviseNum eq null ? '0' : session.needDealStudentSuperviseNum}"></label>
                            个待处理的学生举报</p></a>
                    </li>

                    <!--li>
                        <a href="#">
                            <span class="label label-danger"><i class="icon-bolt"></i></span>
                            Server #3 overloaded.
                            <span class="small italic">34 mins</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-warning"><i class="icon-bell"></i></span>
                            Server #10 not respoding.
                            <span class="small italic">1 Hours</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-danger"><i class="icon-bolt"></i></span>
                            Database overloaded 24%.
                            <span class="small italic">4 hrs</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-success"><i class="icon-plus"></i></span>
                            New user registered.
                            <span class="small italic">Just now</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="label label-info"><i class="icon-bullhorn"></i></span>
                            Application error.
                            <span class="small italic">10 mins</span>
                        </a>
                    </li-->
                    <li>
                        <a href=""></a>
                    </li>
                </ul>
            </li>
            <!-- notification dropdown end -->
        </ul>
        <!--  notification end -->
    </div>
    <div class="top-nav ">
        <!--search & user info start-->
        <ul class="nav pull-right top-menu">
            <li>
                <input type="text" class="form-control search" placeholder="Search">
            </li>
            <!-- user login dropdown start-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                    <img alt="" style="width: 40px"
                         th:src="${session.schoolCounsellor.image eq null ? 'newtemplatesfiles5/img/avatar1_small.jpg' :  session.schoolCounsellor.image}">
                    <span class="username" id="mystatus"
                          th:text="${session.user eq null or session.user eq ''?'请先登录':session.user.username}">Jhon Doue</span>
                    <b class="caret"></b>
                </a>
                <ul class="dropdown-menu extended logout">
                    <div class="log-arrow-up"></div>
                    <li><a href="findAllMyPublicize.do"><i class=" icon-bullhorn"></i>我的公告</a></li>
                    <li><a href="getSchoolCounsellorInfo.do"><i class="icon-cog"></i> 个人信息</a></li>
                    <li><a href="getSuperviseMyStudent.do"><i class="icon-bell-alt"></i>待处理举报</a></li>
                    <li><a href="logout.do"><i class="icon-key"></i> 退出登录</a></li>
                </ul>
            </li>
            <!-- user login dropdown end -->
        </ul>
        <!--search & user info end-->
    </div>
</nav>
<!--header end-->

</body>
</html>